Skip to main content

TimePicker How To's

How to's for the TimePicker guide.

How To Use TimePicker?​

How to Use TimePicker?​

TimePicker is a component used to allow users to select a time value.
By following the steps below, you can add a TimePicker to your form and configure it.

1. Adding the TimePicker to the Form​

  1. Open the form design screen.
  2. Go to the Toolbox panel.
  3. Locate the TimePicker component.
  4. Drag and drop it onto the form.

2. Configuring Basic Properties​

When you click the TimePicker, you can configure the following settings in the Property Viewer:

  • Name – The system name of the component
  • Text – The label shown to the user
  • Value – The default time value
  • Required – Specifies whether a time selection is mandatory
  • Format – Time display format (e.g., HH:mm)

3. Events​

Some events that can be used with TimePicker:

  • On Value Changed – Triggered when the user selects a time
  • On Click – Triggered when the user clicks the field

Example Use Cases​

  • Selecting the start time of a meeting or event
  • Filling time-based fields in workflows
  • Managing shift entry/exit times in scheduling systems
  • Choosing a time in booking or reservation forms

TimePicker helps ensure that time values are collected accurately and in a standardized format, improving the user experience.

What Is TimePicker?​

What Is TimePicker?​

TimePicker is a form control used when only time input is required from the user.
The user selects a time using a dropdown time panel, and the chosen value is automatically placed into the form field.

When Is It Used?​

TimePicker is preferred in scenarios such as:

  • Specifying appointment, meeting, or event times
  • Entering the start or end time of a process
  • Defining working hours or shift times
  • Any scenario where only time information is required

Properties Panel​

When TimePicker is selected, the Property Viewer displays:

  • General
    Visual and behavioral settings of the component.
  • Events
    Events triggered when the user selects a time.

Advantages​

  • Clear and error-free time selection
  • Standardized time input format
  • User-friendly dropdown time selector
  • Prevents format inconsistencies in manual entry

TimePicker is one of the ideal solutions for any form requiring accurate and user-friendly time input.